<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>峰凌二部</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }

        body{
            color: #999;
            font-size: 14px;
        }

        a{
            color: #000;
        }

        .top{
            text-align: right;
            padding: 10px;
        }

        .top a{
            margin-left: 8px;
            padding: 3px;
        }

        .top a:last-child{
            background-color: #3385ff;
            color: #fff;
        }

        .main{
            text-align: center;
            margin-top: 20px;
        }

        .main .logo img{
            width: 270px;
        }

        .main form{
            margin-top: 10px;
        }

        .main form input{
            width: 500px;
            line-height: 36px;
            padding: 0 5px;
            font-size: 16px;
            vertical-align: middle;
        }

        .main form button{
            width: 100px;
            height: 40px;
            background-color: #3385ff;
            color: #fff;
            border: none;
            vertical-align: middle;
        }

        .foot{
            text-align: center;
            position: fixed;
            bottom: 20px;
            width: 100%;
        }

        .foot ul{
            list-style: none;
            margin: 10px 0;
        }

        .foot ul li{
            display: inline-block;
            margin: 0 10px;
        }

    </style>
</head>
<body>
    <!--头部 -->
    <div class="top">
        <a href="#"> 新闻</a>
        <a href="#">hao123</a>
        <a href="#">地图</a>
        <a href="#">视频</a>
        <a href="#">贴吧</a>
        <a href="#">学术</a>
        <a href="#">登录</a>
        <a href="#">设置</a>
        <a href="#">更多产品</a>

    </div>
    <!--正文 -->
    <div class="main">
        <div class="logo">
            <img src="http://www.baidu.com/img/bd_logo1.png?qua=high" />
        </div>

        <form action="https://www.baidu.com/s" method="get">
            <input type="text" name="wd">
            <button>峰凌搜索</button>
        </form>
    </div>


    <!--页脚 -->
    <div class="foot">
            <div>
                <img src="https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/home/img/qrcode/zbios_efde696.png">
                <p>百度</p>
            </div>

            <ul>
                <li>把百度设为首页</li>
                <li>关于百度</li>
                <li>百度推广</li>
            </ul>

            <div>
                &copy;2019 Baidu 使用百度前必读 意见反馈 京ICP证030173号  京公网安备11000002000001号
            </div>
    </div>
</body>
</html>